<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<a class="brand" href="index"><span>设备故障申报系统</span></a>
									
					<!-- start: Header Menu -->
					<div class="nav-no-collapse header-nav">
						<ul class="nav pull-right">
							<li class="dropdown hidden-phone">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="halflings-icon white warning-sign"></i>
								</a>
								<ul class="dropdown-menu notifications">
									<li class="dropdown-menu-title">
	 									<span>You have 11 notifications</span>
										<a href="#refresh"><i class="icon-repeat"></i></a>
									</li>	
	                            	<li>
	                                    <a href="#">
											<span class="icon blue"><i class="icon-user"></i></span>
											<span class="message">New user registration</span>
											<span class="time">1 min</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon green"><i class="icon-comment-alt"></i></span>
											<span class="message">New comment</span>
											<span class="time">7 min</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon green"><i class="icon-comment-alt"></i></span>
											<span class="message">New comment</span>
											<span class="time">8 min</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon green"><i class="icon-comment-alt"></i></span>
											<span class="message">New comment</span>
											<span class="time">16 min</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon blue"><i class="icon-user"></i></span>
											<span class="message">New user registration</span>
											<span class="time">36 min</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon yellow"><i class="icon-shopping-cart"></i></span>
											<span class="message">2 items sold</span>
											<span class="time">1 hour</span> 
	                                    </a>
	                                </li>
									<li class="warning">
	                                    <a href="#">
											<span class="icon red"><i class="icon-user"></i></span>
											<span class="message">User deleted account</span>
											<span class="time">2 hour</span> 
	                                    </a>
	                                </li>
									<li class="warning">
	                                    <a href="#">
											<span class="icon red"><i class="icon-shopping-cart"></i></span>
											<span class="message">New comment</span>
											<span class="time">6 hour</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon green"><i class="icon-comment-alt"></i></span>
											<span class="message">New comment</span>
											<span class="time">yesterday</span> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="icon blue"><i class="icon-user"></i></span>
											<span class="message">New user registration</span>
											<span class="time">yesterday</span> 
	                                    </a>
	                                </li>
	                                <li class="dropdown-menu-sub-footer">
	                            		<a>View all notifications</a>
									</li>	
								</ul>
							</li>
							<!-- start: Notifications Dropdown -->
							<li class="dropdown hidden-phone">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="halflings-icon white tasks"></i>
								</a>
								<ul class="dropdown-menu tasks">
									<li class="dropdown-menu-title">
	 									<span>You have 17 tasks in progress</span>
										<a href="#refresh"><i class="icon-repeat"></i></a>
									</li>
									<li>
	                                    <a href="#">
											<span class="header">
												<span class="title">iOS Development</span>
												<span class="percent"></span>
											</span>
	                                        <div class="taskProgress progressSlim red">80</div> 
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="header">
												<span class="title">Android Development</span>
												<span class="percent"></span>
											</span>
	                                        <div class="taskProgress progressSlim green">47</div> 
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="header">
												<span class="title">ARM Development</span>
												<span class="percent"></span>
											</span>
	                                        <div class="taskProgress progressSlim yellow">32</div> 
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="header">
												<span class="title">ARM Development</span>
												<span class="percent"></span>
											</span>
	                                        <div class="taskProgress progressSlim greenLight">63</div> 
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="header">
												<span class="title">ARM Development</span>
												<span class="percent"></span>
											</span>
	                                        <div class="taskProgress progressSlim orange">80</div> 
	                                    </a>
	                                </li>
									<li>
	                            		<a class="dropdown-menu-sub-footer">View all tasks</a>
									</li>	
								</ul>
							</li>
							<!-- end: Notifications Dropdown -->
							<!-- start: Message Dropdown -->
							<li class="dropdown hidden-phone">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="halflings-icon white envelope"></i>
								</a>
								<ul class="dropdown-menu messages">
									<li class="dropdown-menu-title">
	 									<span>You have 9 messages</span>
										<a href="#refresh"><i class="icon-repeat"></i></a>
									</li>	
	                            	<li>
	                                    <a href="#">
											<span class="avatar"><img src="${pageContext.request.contextPath }/foreground/resource/img/avatar.jpg" alt="Avatar"></span>
											<span class="header">
												<span class="from">
											    	
											     </span>
												<span class="time">
											    	6 min
											    </span>
											</span>
	                                        <span class="message">
	                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
	                                        </span>  
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="avatar"><img src="${pageContext.request.contextPath }/foreground/resource/img/avatar.jpg" alt="Avatar"></span>
											<span class="header">
												<span class="from">
											    	Billow
											     </span>
												<span class="time">
											    	56 min
											    </span>
											</span>
	                                        <span class="message">
	                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
	                                        </span>  
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="avatar"><img src="${pageContext.request.contextPath }/foreground/resource/img/avatar.jpg" alt="Avatar"></span>
											<span class="header">
												<span class="from">
											    	Billow
											     </span>
												<span class="time">
											    	3 hours
											    </span>
											</span>
	                                        <span class="message">
	                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
	                                        </span>  
	                                    </a>
	                                </li>
									<li>
	                                    <a href="#">
											<span class="avatar"><img src="${pageContext.request.contextPath }/foreground/resource/img/avatar.jpg" alt="Avatar"></span>
											<span class="header">
												<span class="from">
											    	Billow
											     </span>
												<span class="time">
											    	yesterday
											    </span>
											</span>
	                                        <span class="message">
	                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
	                                        </span>  
	                                    </a>
	                                </li>
	                                <li>
	                                    <a href="#">
											<span class="avatar"><img src="${pageContext.request.contextPath }/foreground/resource/img/avatar.jpg" alt="Avatar"></span>
											<span class="header">
												<span class="from">
											    	Billow
											     </span>
												<span class="time">
											    	Jul 25, 2012
											    </span>
											</span>
	                                        <span class="message">
	                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
	                                        </span>  
	                                    </a>
	                                </li>
									<li>
	                            		<a class="dropdown-menu-sub-footer">View all messages</a>
									</li>	
								</ul>
							</li>
							<!-- end: Message Dropdown -->
							<li>
								<a class="btn" href="#">
									<i class="halflings-icon white wrench"></i>
								</a>
							</li>
							<!-- start: User Dropdown -->
							<li class="dropdown">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="halflings-icon white user"></i> Billow
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li class="dropdown-menu-title">
	 									<span>Account Settings</span>
									</li>
									<li><a href="#"><i class="halflings-icon user"></i> Profile</a></li>
									<li><a href="${pageContext.request.contextPath }/login.html"><i class="halflings-icon off"></i> Logout</a></li>
								</ul>
							</li>
							<!-- end: User Dropdown -->
						</ul>
					</div>
					<!-- end: Header Menu -->
					
				</div>
			</div>
		</div>